// ==UserScript==
// @name         ChatGPT、豆包、Poe 宽屏模式
// @namespace    https://greasyfork.org/
// @version      1.2.5
// @description  页面大于1080的屏幕撑开，显示更宽，看的更多，目前适用于Chatgpt、豆包（doubao）ai网站，后续会适配更多网站，欢迎提供网站，谢谢！
// @author       Await
// @match        *://chat.openai.com/
// @match        *://chat.openai.com/c/*
// @match        *://chat.openai.com/?*
// @match        *://poe.com/
// @match        *://poe.com/chat/*
// @match        *://www.doubao.com/chat/*
// @license      MIT
// ==/UserScript==

(function () {
  "use strict";
  const desiredMinWidth = 1280;
  const transitionClass = "await-transition";
  const transition_widthClass = "await-transition-width";
  const transitionEaseClass = "await-transition-ease";
  const maxCount = 10;
  const hostname = window.location.hostname;
  const awaits = {
    await_key: 0,
    await_MaxWidth: "90rem",
    await_attributeKey: "await-attribute",
    await_btnId: "await-btn",
    await_btnShowTipId: "await-show-tip",
    await_cacheKey: "await-cache",
    await_cacheOpenStateKey: "await-cache-open-state",
    await_cacheCloseStateKey: "await-cache-close-state",
    await_styleId: "await-max-width",
    await_cacheThemeId: "theme",

    await_styleCommon: "await-max-width-common",

    //doubao
    await_doubao_aside: "aside",
    await_doubao_btnClass: "smlyI",
    await_doubao_promptFormClass: "_1agx",
    await_doubao_promptShellClass: "veIiy",
    await_doubao_promptContentClass: "cYhYx",

    //poe
    await_poe_aside: "aside",
    await_poe_menuDeleteClass: "ReactModalPortal",
    // "ReactModal__Overlay ReactModal__Overlay--after-open Modal_overlay__qLYU1",
    await_poe_formClass: "ChatMessageInputFooter_footer__1cb8J",
    await_poe_promptFormToIndexClass: ".ChatHomeMain_container__z8q7_",
    await_poe_promptFormToIndexBtnClass:
      ".ChatMessageInputContainer_inputContainer__SQvPA",
    await_poe_promptBoxClass: "MainColumn_column__z1_q8",
    await_poe_promptAllMsgClass:
      ".ChatPageMain_container__1aaCT.ChatPageMain_narrowChatPage__fWwXM",
    await_poe_themeDark: "dark",
    await_poe_themeLight: "light",

    //gpt
    await_gpt_nav: "nav",
    await_gpt_navDeleteClass: "absolute",
    await_gpt_form: "form",
    await_gpt_msgClass: ".xl\\:max-w-3xl",
    await_gpt_msgBox: "flex flex-col text-sm dark:bg-gray-800",
    await_gpt_themeDark: "dark",
    await_gpt_themeLight: "light",
    await_gpt_bodyClass: "antialiased",
    await_gpt_inputClass: "grow",
  };

  !(function () {
    //判断是来自哪个网站 0等于doubao 1等于poe 2等于gpt
    if (hostname.indexOf("doubao") > -1) {
      awaits.await_key = 0;
      awaits.await_MaxWidth = "100%";
    } else if (hostname.indexOf("poe") > -1) {
      awaits.await_key = 1;
      awaits.await_MaxWidth = "100%";
    } else if (hostname.indexOf("chat.openai") > -1) {
      awaits.await_key = 2;
      awaits.await_MaxWidth = "90rem";
    }
  })();

  console.log("awaits", awaits, window.location);
  //   try {
  //     var d = document.documentElement,
  //       c = d.classList;
  //     c.remove("light", "dark");
  //     var e = localStorage.getItem("theme");
  //     if ("system" === e || (!e && true)) {
  //       var t = "(prefers-color-scheme: dark)",
  //         m = window.matchMedia(t);
  //       if (m.media !== t || m.matches) {
  //         d.style.colorScheme = "dark";
  //         c.add("dark");
  //       } else {
  //         d.style.colorScheme = "light";
  //         c.add("light");
  //       }
  //     } else if (e) {
  //       c.add(e || "");
  //     }
  //     if (e === "light" || e === "dark") d.style.colorScheme = e;
  //   } catch (e) {}
  // })();

  function set_common_style_edit(e, className) {
    e.classList.add(className || awaits.await_styleId);
  }
  function set_common_style_remove(e, className) {
    e.classList.remove(className || awaits.await_styleId);
  }

  function setCache(key, value) {
    localStorage.setItem(key, value);
  }
  function getCache(key) {
    return localStorage.getItem(key);
  }

  function getByClass(className) {
    const func = function (name) {
      return document.getElementsByClassName(name);
    };
    return gets(func, className);
  }

  function getQuery(name) {
    const func = function (names) {
      return document.querySelector(names);
    };
    return gets(func, name);
  }

  function getById(id) {
    const func = function (ids) {
      return document.getElementById(ids);
    };
    return gets(func, id);
  }

  function gets(fun, name, count = 0) {
    const btn = fun(name);
    if (!btn) {
      if (count > maxCount) {
        return null; //防止死循环
      }
      setTimeout(function () {
        return gets(fun, name, count + 1);
      }, 1000);
    }
    return btn;
  }

  function debounce(fn, delay, immediate = false) {
    let timer = null;
    let isInvoke = false;
    const _debounce = function (...args) {
      return new Promise((resolve, reject) => {
        if (timer) clearTimeout(timer);
        if (immediate && !isInvoke) {
          const result = fn.apply(this, args);
          resolve(result);
          isInvoke = true;
        } else {
          timer = setTimeout(() => {
            const result = fn.apply(this, args);
            resolve(result);
            isInvoke = false;
            timer = null;
          }, delay);
        }
      });
    };
    _debounce.cancel = function () {
      if (timer) clearTimeout(timer);
      timer = null;
      isInvoke = false;
    };
    return _debounce;
  }

  function mutationObserverRemoveNodesListener(el, className, fun) {
    const observer = new MutationObserver((mutations, observe) => {
      mutations.forEach(function (mutation) {
        if (!document.contains(el)) {
          observe.disconnect();
          return;
        }
        if (mutation.type === "childList") {
          mutation.removedNodes.forEach((node) => {
            if (node.className && node.className.indexOf(className) > -1) {
              fun.apply(this);
            }
          });
        }
      });
    });
    observer.observe(document.body, {
      // attributes: true,
      childList: true,
    });
  }

  function set_style_remove(el, className, isTran = true) {
    if (isTran && !el.classList.contains(transitionClass)) {
      el.classList.add(transitionClass);
    }
    // el.style.transition = "max-width 1s";
    // setTimeout(function () {
    //   el.style.transition = "";
    // }, 1000);
    switch (awaits.await_key) {
      case 0:
      case 1:
      case 2:
        set_common_style_remove(el, className);
        break;
      default:
        break;
    }
  }

  function set_style_edit(el, className, isTran = true) {
    if (isTran && !el.classList.contains(transitionClass)) {
      el.classList.add(transitionClass);
    }
    // setTimeout(() => {
    //   el.classList.remove(transitionClass);
    // }, 1000);
    switch (awaits.await_key) {
      case 0:
      case 1:
      case 2:
        set_common_style_edit(el, className);
        break;
      default:
        break;
    }
  }

  function set_style() {
    const style = document.createElement("style");
    style.innerHTML = `
      .${awaits.await_styleCommon} {width: ${awaits.await_MaxWidth} !important;}
      .${awaits.await_styleId} {max-width: ${awaits.await_MaxWidth} !important;}
      .${transitionClass}{transition: max-width 1s ease-in-out !important;}
      .${transition_widthClass}{transition: width 1s ease-in-out !important;}
      .${transitionEaseClass}{transition: width 0.5s ease-in-out;}
      .${transitionEaseClass}.active {transition: width 0.5s ease-in-out;}
      `;
    document.head.appendChild(style);
  }

  function set_body_see_toKey() {
    switch (awaits.await_key) {
      case 0:
        break;
      case 1:
        break;
      case 2:
        // set_gpt_body_s();
        break;
      default:
        break;
    }
  }

  function set_btn_add(tt = false, count = 0) {
    const promptTextarea = get_btn_toKey(awaits.await_key);
    if (!promptTextarea) {
      if (!tt) {
        return;
      } else {
        if (count > maxCount) {
          return;
        }
        setTimeout(function () {
          set_btn_add(tt, count + 1);
        }, 1000);
        return;
      }
    }
    if (tt && promptTextarea.hasAttribute(awaits.await_attributeKey)) {
      setTimeout(() => {
        set_btn_add(tt, count + 1);
      }, 100);
      return;
    }
    if (!promptTextarea.hasAttribute(awaits.await_attributeKey)) {
      //判断promptTextarea中的属性
      get_btn_prompt_toKey(promptTextarea);
      set_btn_promptContent_toKey();
      set_theme_toKey();
      run_info();
      promptTextarea.setAttribute(awaits.await_attributeKey, true);
    }
  }

  function get_btn_toKey(key) {
    if (key === 0) {
      return getByClass(awaits.await_doubao_btnClass)[0];
    } else if (key === 1) {
      return getQuery("." + awaits.await_poe_formClass);
    } else if (key === 2) {
      return getQuery(`.${awaits.await_gpt_inputClass}:not([class*=' '])`);
    }
  }

  function get_btn_prompt_toKey(e, isFirst = false) {
    switch (awaits.await_key) {
      case 0:
        if (!getById(awaits.await_btnId)) {
          e.insertAdjacentHTML(
            "afterbegin",
            `<button id="${awaits.await_btnId}"      
          class="semi-button semi-button-primary semi-button-light 
          semi-button-with-icon semi-button-with-icon-only" 
          type="button" 
        </button>`
          );
        }
        break;
      case 1:
        if (!getById(awaits.await_btnId)) {
          e.insertAdjacentHTML(
            isFirst == true ? "afterbegin" : "beforeend",
            `<button id="${awaits.await_btnId}" style="margin-left:unset" 
            class="Button_buttonBase__0QP_m Button_flat__1hj0f 
            ChatBreakButton_button__EihE0 
            ChatMessageInputFooter_chatBreakButton__hqJ3v"</button> `
          );
        }
        if (!getById(awaits.await_btnId + "-" + awaits.await_cacheThemeId)) {
          e.insertAdjacentHTML(
            isFirst == true ? "afterbegin" : "beforeend",
            `<button id="${awaits.await_btnId}-${awaits.await_cacheThemeId}" 
            style="margin-left:unset" class="Button_buttonBase__0QP_m 
            Button_flat__1hj0f ChatBreakButton_button__EihE0 
            ChatMessageInputFooter_chatBreakButton__hqJ3v"</button> `
          );
        }
        break;
      case 2:
        if (!getById(awaits.await_btnId + "-" + awaits.await_cacheThemeId)) {
          e.insertAdjacentHTML(
            "afterend",
            // `<div class="flex items-center md:items-end"><div style="opacity: 1;"><button id="${await_btnId}" class="btn relative  whitespace-nowrap -z-0 border-0 md:border ${await_btnId}"></button> </div></div>`
            `<div class="flex items-center md:items-end">
              <div style="opacity: 1;">
              <button id="${awaits.await_btnId}-${awaits.await_cacheThemeId}" 
              as="button" class="btn btn-neutral whitespace-nowrap -z-0 ">
              </button> 
            </div>
            </div>`
          );
        }
        if (!getById(awaits.await_btnId)) {
          e.insertAdjacentHTML(
            "afterend",
            // `<div class="flex items-center md:items-end"><div style="opacity: 1;"><button id="${await_btnId}" class="btn relative  whitespace-nowrap -z-0 border-0 md:border ${await_btnId}"></button> </div></div>`
            `<div class="flex items-center md:items-end">
          <div style="opacity: 1;">
          <button id="${awaits.await_btnId}" as="button" 
          class="text-gray-600 dark:text-gray-200 btn btn-neutral 
          whitespace-nowrap -z-0 "></button> 
          </div>
          </div>`
          );
        }
        break;
      default:
        break;
    }
  }

  function set_btn_promptContent_toKey(type = 0) {
    switch (awaits.await_key) {
      case 0:
        set_doubao_btn_msgEdit();
        break;
      case 1:
        if (type === 1) return set_poe_btn_msgEdit(false);
        else set_poe_btn_msgEdit();
        break;
      case 2:
        set_gpt_btn_msgEdit();
        break;
      default:
        break;
    }
  }

  function set_theme_toKey() {
    switch (awaits.await_key) {
      case 1:
        set_poe_theme_add();
        break;
      case 2:
        set_gpt_theme_add();
        break;
      default:
        break;
    }
  }

  function set_btn_prompt_edit(el) {
    if (el && !el.hasAttribute(awaits.await_attributeKey)) {
      el.addEventListener("click", function () {
        setCache(
          awaits.await_cacheKey,
          getCache(awaits.await_cacheKey) === awaits.await_cacheOpenStateKey
            ? awaits.await_cacheCloseStateKey
            : awaits.await_cacheOpenStateKey
        );
        run_info(true);
        set_btn_promptContent_toKey();
      });
      el.setAttribute(awaits.await_attributeKey, true);
    }
  }

  function set_cache_add() {
    const cache = getCache(awaits.await_cacheKey);
    if (!cache) {
      setCache(awaits.await_cacheKey, true);
    }
  }

  function setStyle(cache, el, className = "", isTran = true) {
    if (cache === awaits.await_cacheOpenStateKey) {
      set_style_edit(el, className, isTran);
    } else {
      set_style_remove(el, className, isTran);
    }
  }

  function set_tip_show() {
    switch (awaits.await_key) {
      case 0:
        break;
      case 1:
        break;
      case 2:
        set_gpt_show();
        break;
      default:
        break;
    }
  }

  function set_nav_click() {
    switch (awaits.await_key) {
      case 0:
        set_doubao_nav_click(true);
        break;
      case 1:
        set_poe_nav_click(true);
        break;
      case 2:
        set_gpt_nav_click(true);
        break;
      default:
        break;
    }
  }

  function get_form_toKey(operation) {
    switch (awaits.await_key) {
      case 0:
        set_doubao_form(operation);
        set_doubao_content();
        break;
      case 1:
        // if (!operation) return;
        set_poe_promptBox(operation);
        break;
      case 2:
        get_gpt_form();
        set_gpt_form_content();
        break;
      default:
        break;
    }
  }

  //#region poe

  function set_poe_nav_click(tt = false, count = 0) {
    const toggleButton = getQuery(awaits.await_poe_aside);
    if (!toggleButton) {
      if (!tt) return;
      else {
        if (count > maxCount) {
          return;
        }
        setTimeout(function () {
          set_poe_nav_click(tt, count + 1);
        }, 1000);
        return;
      }
    }
    if (tt && toggleButton.hasAttribute(awaits.await_attributeKey)) {
      setTimeout(function () {
        set_poe_nav_click(tt, count + 1);
      }, 1000);
      return;
    }
    if (!toggleButton.hasAttribute(awaits.await_attributeKey)) {
      const debounceMenu = debounce(
        () => {
          //判断是否主页面
          if (window.location.pathname.length < 2) {
            set_poe_promptIndex();
          } else {
            run_all(true);
            run_info(true);
          }
        },
        1000,
        false
      );
      mutationObserverRemoveNodesListener(
        toggleButton,
        awaits.await_poe_menuDeleteClass,
        debounceMenu
      );
      // toggleButton.addEventListener("click", function () {
      //   setTimeout(function () {
      // run_all(true);
      if (window.location.pathname.length < 2) {
        setTimeout(() => {
          set_poe_promptIndex();
        }, 800);
      }
      run_info(true);
      //   }, 1000);
      // });
      toggleButton.setAttribute(awaits.await_attributeKey, true);
    }
  }

  function set_poe_promptIndex(count = 0) {
    const promptTextarea = getQuery("." + awaits.await_poe_promptBoxClass);
    if (!promptTextarea) {
      if (count > maxCount) {
        return;
      }
      setTimeout(function () {
        set_poe_promptIndex(count + 1);
      }, 1000);
      return;
    }
    if (promptTextarea) count = 0;
    const boxContent = getQuery(awaits.await_poe_promptFormToIndexClass);
    if (!boxContent) {
      if (count > maxCount) {
        return;
      }
      setTimeout(function () {
        set_poe_promptIndex(count + 1);
      }, 1000);
      return;
    }
    if (boxContent) count = 0;
    const boxBtn = getQuery(awaits.await_poe_promptFormToIndexBtnClass);
    if (!boxBtn) {
      if (count > maxCount) {
        return;
      }
      setTimeout(function () {
        set_poe_promptIndex(count + 1);
      }, 1000);
      return;
    }
    if (boxContent && promptTextarea && boxBtn) {
      const cache = getCache(awaits.await_cacheKey);
      if (!promptTextarea.classList.contains(transition_widthClass)) {
        promptTextarea.classList.add(transition_widthClass);
      }
      debounce(
        () => {
          promptTextarea.style.width =
            cache === awaits.await_cacheOpenStateKey ? "85%" : "";
        },
        100,
        false
      )();
      get_btn_prompt_toKey(boxBtn, true);
      const btn = set_btn_promptContent_toKey(1);
      set_theme_toKey();
      if (btn && !btn.hasAttribute(awaits.await_attributeKey)) {
        btn.addEventListener("click", function () {
          setCache(
            awaits.await_cacheKey,
            getCache(awaits.await_cacheKey) === awaits.await_cacheOpenStateKey
              ? awaits.await_cacheCloseStateKey
              : awaits.await_cacheOpenStateKey
          );
          set_poe_promptIndex();
        });
        btn.setAttribute(awaits.await_attributeKey, true);
      }
    }
  }

  function set_poe_theme_add() {
    const cache = getCache(awaits.await_cacheThemeId);
    const el = getById(awaits.await_btnId + "-" + awaits.await_cacheThemeId);
    if (!el) return;
    el.innerHTML = "";
    if (cache !== awaits.await_gpt_themeLight) {
      el.insertAdjacentHTML(
        "afterbegin",
        `<span id="${awaits.await_btnId}-${awaits.await_poe_themeDark}" 
        >🌞</span>`
      );
    } else {
      el.insertAdjacentHTML(
        "afterbegin",
        `<span id="${awaits.await_btnId}-${awaits.await_poe_themeLight}" 
      >🌙</span>`
      );
    }
    set_gpt_textInformation_s(el);
    set_gpt_textInformation_s(
      getById(
        awaits.await_btnId + "-" + cache === awaits.await_poe_themeDark
          ? awaits.await_poe_themeDark
          : awaits.await_poe_themeLight
      )
    );
  }

  function set_poe_btn_msgEdit(isAdd = true) {
    const cache2 = getCache(awaits.await_cacheKey);
    const btn = getById(awaits.await_btnId);
    btn.innerHTML = "";
    if (cache2 === awaits.await_cacheOpenStateKey) {
      btn.insertAdjacentHTML(
        "afterbegin",
        `<span class="${transitionEaseClass}">📘</span>`
      );
    } else {
      btn.insertAdjacentHTML(
        "afterbegin",
        `<span class="${transitionEaseClass}">📖</span>`
      );
    }
    if (isAdd) {
      set_btn_prompt_edit(btn);
    }
    return btn;
  }

  function set_poe_promptBox(tt = false, count = 0) {
    const box = getQuery("." + awaits.await_poe_promptBoxClass);
    if (!box) {
      if (!tt) return;
      else {
        if (count > maxCount) {
          return;
        }
        setTimeout(function () {
          set_poe_promptBox(tt, count + 1);
        }, 1000);
        return;
      }
    }
    if (box) count = 0;
    const boxContent = getQuery(awaits.await_poe_promptAllMsgClass);
    if (!boxContent) {
      if (!tt) return;
      else {
        if (count > maxCount) {
          return;
        }
        setTimeout(function () {
          set_poe_promptBox(tt, count + 1);
        }, 1000);
        return;
      }
    }
    if (boxContent && box) {
      const cache = getCache(awaits.await_cacheKey);
      setStyle(cache, boxContent);
      debounce(
        () => {
          if (!box.classList.contains(transition_widthClass)) {
            box.classList.add(transition_widthClass);
          }
          setStyle(cache, box, awaits.await_styleCommon);
        },
        200,
        false
      )();
    }
  }

  //#endregion

  //#region doubao

  function set_doubao_form(operation = false) {
    var elementForm = getByClass(awaits.await_doubao_promptFormClass)[0];
    if (!elementForm) {
      setTimeout(function () {
        set_doubao_form(operation);
      }, 1000);
      return;
    }
    if (!elementForm.hasAttribute(awaits.await_attributeKey) || operation) {
      const cache = getCache(awaits.await_cacheKey);
      setStyle(cache, elementForm);
      elementForm.setAttribute(awaits.await_attributeKey, true);
    }
  }

  function set_doubao_content() {
    var elementForm = getByClass(awaits.await_doubao_promptShellClass)[0];
    if (!elementForm || elementForm.length === 0) {
      setTimeout(function () {
        set_doubao_content();
      }, 1000);
      return;
    }
    if (elementForm.hasAttribute(awaits.await_attributeKey)) {
      return;
    }
    const cache = getCache(awaits.await_cacheKey);
    setStyle(cache, elementForm);
    elementForm
      .querySelectorAll("." + awaits.await_doubao_promptContentClass)
      .forEach(function (flexDiv) {
        setStyle(cache, flexDiv);
      });

    var observer = new MutationObserver((mutations) => {
      mutations.forEach(function (mutation) {
        if (!document.contains(elementForm)) {
          observer.disconnect();
          return;
        }
        mutation.addedNodes.forEach((addedNode) => {
          if (addedNode instanceof Document || addedNode instanceof Element) {
            addedNode
              .querySelectorAll("." + awaits.await_doubao_promptContentClass)
              .forEach(function (node) {
                setStyle(cache, node);
              });
          }
        });
      });
    });
    var config = { childList: true, subtree: true };
    observer.observe(document.body, config);
  }

  function set_doubao_btn_msgEdit() {
    const cache2 = getCache(awaits.await_cacheKey);
    const btn = getById(awaits.await_btnId);
    btn.innerHTML = "";
    if (cache2 === awaits.await_cacheOpenStateKey) {
      btn.insertAdjacentHTML(
        "afterbegin",
        `<span class="${transitionEaseClass} semi-button-content">
        📘
        </span>`
      );
    } else {
      btn.insertAdjacentHTML(
        "afterbegin",
        `<span class="${transitionEaseClass} semi-button-content">
        📖
        </span>`
      );
    }
    set_btn_prompt_edit(btn);
  }

  function set_doubao_nav_click(tt = false, count = 0) {
    const toggleButton = getQuery(awaits.await_doubao_aside);
    if (!toggleButton) {
      if (!tt) return;
      else {
        if (count > maxCount) {
          return;
        }
        setTimeout(function () {
          set_doubao_nav_click(tt, count + 1);
        }, 1000);
        return;
      }
    }
    if (tt && toggleButton.hasAttribute(awaits.await_attributeKey)) {
      setTimeout(function () {
        set_doubao_nav_click(tt, count + 1);
      }, 1000);
      return;
    }
    if (!toggleButton.hasAttribute(awaits.await_attributeKey)) {
      toggleButton.addEventListener("click", function () {
        setTimeout(function () {
          run_all();
          run_info();
        }, 1000);
      });
      toggleButton.setAttribute(awaits.await_attributeKey, true);
    }
  }

  //#endregion

  //#region  gpt

  function get_gpt_form() {
    var elementForm = getQuery(awaits.await_gpt_form);
    if (!elementForm || elementForm.length === 0) {
      setTimeout(function () {
        get_gpt_form();
      }, 1000);
      return;
    }
    const cache = getCache(awaits.await_cacheKey);
    if (elementForm.className.indexOf("xl:max-w-3xl") > -1) {
      setStyle(cache, elementForm);
    }
  }

  function set_gpt_form_content() {
    var parentElement = document.getElementsByClassName(
      awaits.await_gpt_msgBox
    )[0];
    if (!parentElement) {
      setTimeout(function () {
        set_gpt_form_content();
      }, 1000);
      return;
    }
    const cache = getCache(awaits.await_cacheKey);
    parentElement
      .querySelectorAll(awaits.await_gpt_msgClass)
      .forEach(function (flexDiv) {
        setStyle(cache, flexDiv);
      });
    var observer = new MutationObserver((mutations) => {
      mutations.forEach(function (mutation) {
        if (!document.contains(parentElement)) {
          observer.disconnect();
          return;
        }
        mutation.addedNodes.forEach(function (addedNode) {
          if (addedNode instanceof Document || addedNode instanceof Element) {
            var flexDivList = addedNode.querySelectorAll(
              awaits.await_gpt_msgClass
            );
            flexDivList.forEach(function (flexDiv) {
              setStyle(cache, flexDiv);
            });
          }
        });
      });
    });
    var config = { childList: true, subtree: true };
    observer.observe(document.body, config);
  }
  function set_gpt_theme_add() {
    const cache = getCache(awaits.await_cacheThemeId);
    const el = getById(awaits.await_btnId + "-" + awaits.await_cacheThemeId);
    if (!el) return;
    el.innerHTML = "";
    if (cache !== awaits.await_gpt_themeLight) {
      el.insertAdjacentHTML(
        "afterbegin",
        `<div id="${awaits.await_btnId}-${awaits.await_gpt_themeDark}" 
        class="flex w-full gap-2 items-center justify-center">🌞</div>`
      );
    } else {
      el.insertAdjacentHTML(
        "afterbegin",
        `<div id="${awaits.await_btnId}-${awaits.await_gpt_themeLight}" 
      class="flex w-full gap-2 items-center justify-center">🌙</div>`
      );
    }
    set_gpt_textInformation_s(el);
    set_gpt_textInformation_s(
      getById(
        awaits.await_btnId + "-" + cache === awaits.await_gpt_themeDark
          ? awaits.await_gpt_themeDark
          : awaits.await_gpt_themeLight
      )
    );
  }

  function set_gpt_btn_msgEdit() {
    const cache2 = getCache(awaits.await_cacheKey);
    const btn = getById(awaits.await_btnId);
    btn.innerHTML = "";
    if (cache2 === awaits.await_cacheOpenStateKey) {
      btn.insertAdjacentHTML(
        "afterbegin",
        // `<div id="${awaits.await_btnId}-open"
        `<div class="${transitionEaseClass} flex w-full gap-2 items-center justify-center">📘</div>`
        // `<div class="flex w-full gap-2 items-center justify-center">
        // <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
        // <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="3" x2="9" y2="21"></line>
        // </svg>📘</div>`
      );
    } else {
      btn.insertAdjacentHTML(
        "afterbegin",
        // `<div id="${awaits.await_btnId}-open"
        `<div class="${transitionEaseClass} flex w-full gap-2 items-center justify-center">📖</div>`
        // `<div class="flex w-full gap-2 items-center justify-center">
        // <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
        // <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="3" x2="9" y2="21"></line>
        // </svg>📖</div>`
      );
    }
    set_btn_prompt_edit(btn);
  }
  function set_gpt_textInformation_s(el) {
    if (el && !el.hasAttribute(awaits.await_attributeKey)) {
      el.addEventListener("click", function () {
        const cache = getCache(awaits.await_cacheThemeId);
        //修改html中的style跟class
        const html = getQuery("html");
        const currentTheme =
          cache !== awaits.await_gpt_themeLight
            ? awaits.await_gpt_themeLight
            : awaits.await_gpt_themeDark;
        html.className = "";
        html.className = currentTheme;
        html.style.colorScheme = currentTheme;
        setCache(awaits.await_cacheThemeId, currentTheme);
        set_gpt_theme_add();
      });
      el.setAttribute(awaits.await_attributeKey, true);
    }
  }

  function set_gpt_body_s() {
    const body = getQuery("." + awaits.await_gpt_bodyClass);
    if (!body) {
      return;
    }
    const observer = new MutationObserver((mutationsList, observer) => {
      for (const mutation of mutationsList) {
        if (
          mutation.type === "attributes" &&
          mutation.attributeName === "style"
        ) {
          const newStyle = body.getAttribute("style");
          if (!newStyle) {
            // set_btn_add(true);
          }
        }
      }
    });
    const config = { attributes: true, attributeFilter: ["style"] };
    observer.observe(body, config);
  }

  function set_gpt_show() {
    const toggleButton = getQuery(awaits.await_gpt_nav);
    if (!toggleButton) {
      return;
    }
    toggleButton.insertAdjacentHTML(
      "beforeend",
      `<div id="${awaits.await_btnShowTipId}" style="position:fixed;top:3rem;left:15rem;z-index:9999;background-color:rgba(0,0,0,0.5);color:#fff;padding:10px;border-radius:5px;">如果页面宽度未展开，请重新点击此树结构导航栏<br>或者直接<span style="color:red">点击我</span><br>提示内容十秒后自动消失</div>`
    );
    const btn = getById(awaits.await_btnShowTipId);
    if (!btn.hasAttribute(awaits.await_attributeKey)) {
      btn.addEventListener("click", function () {
        run_all();
      });
      setTimeout(function () {
        btn.remove();
      }, 10000);
      btn.setAttribute(awaits.await_attributeKey, true);
    }
  }
  function set_gpt_nav_click(operation = false, count = 0) {
    const toggleButton = getQuery(awaits.await_gpt_nav);
    if (!toggleButton) {
      if (!operation) {
        return;
      } else {
        if (count > maxCount) {
          return;
        }
        setTimeout(function () {
          set_gpt_nav_click(operation, count + 1);
        }, 1000);
        return;
      }
    }
    if (operation && toggleButton.hasAttribute(awaits.await_attributeKey)) {
      setTimeout(() => {
        set_gpt_nav_click(operation, count + 1);
      }, 100);
      return;
    }
    if (!toggleButton.hasAttribute(awaits.await_attributeKey)) {
      mutationObserverRemoveNodesListener(
        toggleButton,
        awaits.await_gpt_navDeleteClass,
        () => {
          run_all(true);
          set_gpt_nav_click(true);
        }
      );
      toggleButton.addEventListener("click", function () {
        setTimeout(function () {
          run_all(true);
          set_gpt_nav_click(true);
        }, 1000);
      });
      toggleButton.setAttribute(awaits.await_attributeKey, true);
    }
  }

  //#endregion

  function run_all(operation) {
    set_btn_add(operation);
    set_theme_toKey();
  }
  function run_info(operation) {
    get_form_toKey(operation);
  }
  window.addEventListener("resize", run_all);
  window.onload = function () {
    if (window.innerWidth < desiredMinWidth) {
      console.log("页面宽度小于1280，不执行脚本");
      return;
    }
    set_cache_add();
    set_style();
    // set_tip_show();
    set_nav_click();
    // set_body_see_toKey();
    setTimeout(function () {
      run_all();
    }, 2000);
  };
})();